<template>
  <div class="m_flex m_faic m_fjcsb m_fs16 menu_item" @click="onClick">
    <div class="">{{tit}}</div>
    <div v-if="val" class="m_f1 m_tar van-ellipsis info">{{val}}</div>
    <van-icon v-if="arrow" name="arrow"/>
  </div>
</template>

<script>
export default {
  props: {
    tit: {type: String},
    val: {},
    arrow: {type:Boolean, default:true}
  },
  methods:{
    onClick(){
      this.$emit('click',{tit: this.tit})
    }
  }
}
</script>

<style lang="scss" scoped>
.menu_item{
  height: 50px;
  gap: 8px;
  .info{ color: #a1a1a1;}
}
</style>